<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>hoteladminsystem</title>
		<style type="text/css">
			body{
				background-image: url(img/521.jpg);
			}
			#login{
				width: 300px;
				height: 200px;
				background-color: #F1FAFA;
				border: 1px solid #FFFFFF;
				box-shadow: 5px 5px 5px #888888;
				position:absolute;
				left: 400px;
				top: 180px;
				border-radius: 20px;
				padding: 20px 100px 20px 20px ;
				
			}
			form{
				font-size: 6px;
				margin-top: 2px;
				margin-left: 90px;
				}
		    input{
		    	width: 200px;
		    	height: 15px;
		    	border: 1px solid ghostwhite;
		    	margin-top: 5px;
		    	font-size: 6px;
		    	border-radius: 5px;
		    	
		    }
		    input:focus{
						border:1px solid salmon;
					}
					
			button{
						margin-left: 80px;
						margin-top:2px;
						border-radius: 4px;
						border: 1px solid  lightblue;
						background-color: lightblue;
						color:white;
					}		
		</style>
	</head>
	<body>
		<div id="login">
			<img src="img/hotel.png" style="width:200px;margin-left: 90px;">
			<form>
				<label for="username">用户名</label><br>
				<input type="text" id="username" placeholder="请输入用户名"><br />
				<label for="password">密码</label><br>
				<input type="password" id="password" placeholder="请输入密码"><br>
				<button>登录</button>		
			</form>
		</div>
	</body>
</html>
